<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品分类列表</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.main{
				margin-left:10px;
				margin-top:10px;
				border:2px solid orangered;
				width: 200px;
				border-radius: 6px;
			}
			.main ul li {
				text-indent: 2em;
				height: 40px;
				font-size: 24px;
				font-weight: 400;
				line-height: 40px;
			}
			#d1{
				background-image: url("images/icon_01.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}
			#d2{
				background-image: url("images/icon_02.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}#d3{
				background-image: url("images/icon_03.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}#d4{
				background-image: url("images/icon_04.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}#d5{
				background-image: url("images/icon_05.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}#d6{
				background-image: url("images/icon_06.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}#d7{
				background-image: url("images/icon_07.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}#d8{
				background-image: url("images/icon_08.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}#d9{
				background-image: url("images/icon_09.jpg ");
				background-repeat: no-repeat;
				border-bottom: 2px dashed #efefef;
			}#d0{
				background-image: url("images/icon_10.jpg ");
				background-repeat: no-repeat;
			}
			
		</style>
	</head>
	<body>
		<div class="main">
			<ul type="none">
				<li id="d1">酒水、饮料</li>
				<li id="d2">进口食品</li>
				<li id="d3">休闲零食</li>
				<li id="d4">地方特产</li>   
				<li id="d5">保健、冲调</li>
				<li id="d6">粮油、生鲜</li>
				<li id="d7">美容洗护</li>
				<li id="d8">清洁洗涤</li>
				<li id="d9">母婴、纸品</li>
				<li id="d0">家居百货</li>
			</ul>
		</div>
	</body>
</html>